<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <!-- Bootstrap CSS -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
      crossorigin="anonymous"
    />

    <style>
      html,
      body {
        background-color: #060b1b;
        /* background-color: #0a192f; */
      }
    </style>
  </head>

  <body id="bodyid">
    <!-- skills 3d-->
    <section style="height: 600px; width: 100%" id="skills" class="py-5">
      <!-- <p class="h1 mytitle pb-3">skills</p> -->
      <div id="holder"></div>
    </section>

    <!-- needful scripts -->
    <!-- Bootstrap core JS-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Third party plugin JS-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

    <!-- cloud -->
    <script src="plugins/cloud/jquery.svg3dtagcloud.min.js"></script>
    <!-- main script file -->
    <script src="js/scripts.js"></script>
  </body>
</html>
